<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/payment.css"/>
    <link rel="stylesheet" href="css/loading.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/config.js"></script>
    <script src="js/template.js"></script>
    <script src="js/ajax.js"></script>
    <script src="js/purchase.js"></script>
</head>
<body>
<div id="header">
    <p>支付订单</p>
    <span class="back"><a href="javascript:window.history.go(-1);">返回</a></span>
</div>
<div id="main">
    <div class="top">
        <p>填写资料</p>

        <p>确定预约</p>

        <p class="active">支付订单</p>
    </div>
    <!--等待加载动画-->
    <div class="load"><img src="../imgs/loading.gif" alt=""/></div>
    <div class="center">
        <p>支付费用：<span class="price"></span> 元</p>

        <p>请在 <span class="last-time"></span> 之内支付</p>

        <p>否则，订单将被取消</p>
    </div>
    <div class="bot">
        <p class="title">选择支付方式</p>
        <ul class="left">
            <!--<li class="card">就诊卡 (<span class="balance"> 余额：<i>11.00</i> </span>) <span class="red">余额不足</span></li>-->
            <li class="weixin">微信支付</li>
            <!--<li class="yinlian">银联支付</li>-->
        </ul>
        <ul class="right">
            <li><img src="imgs/check.png" alt="" data-index="0"/></li>
            <!--<li><img src="imgs/no_check.png" alt="" data-index="1"/></li>-->
            <!--<li><img src="imgs/no_check.png" alt="" data-index="2"/></li>-->
        </ul>
    </div>
    <div class="footer">下一步</div>
</div>
</body>
</html>